import {
  onActivated,
  onBeforeMount,
  onBeforeUnmount,
  onBeforeUpdate,
  onDeactivated,
  onErrorCaptured,
  onMounted,
  onRenderTracked,
  onRenderTriggered,
  onServerPrefetch,
  onUnmounted,
  onUpdated,
} from 'vue';
import styles from './index.module.scss';
import './index.scss';

export default defineComponent({
  // name: 'xxx',
  components: {},
  props: {
    demo: {
      type: [Boolean, Array],
      default: undefined,
    },
  },
  emits: ['xxx'],
  setup(props, { attrs, emit, expose, slots }) {
    nextTick(() => {});

    const xxx = computed(() => {});

    onMounted(() => {});
    onUpdated(() => {});
    onUnmounted(() => {});
    onBeforeMount(() => {});
    onBeforeUpdate(() => {});
    onBeforeUnmount(() => {});
    onErrorCaptured(() => {});
    onRenderTracked(() => {});
    onRenderTriggered(() => {});
    onActivated(() => {});
    onDeactivated(() => {});
    onServerPrefetch(() => {});

    watch(
      () => [],
      (a, b) => {},
    );

    return () => <div class={[styles.module]}></div>;
  },
});
